
$.ajax({
    type:"post",
    url:"http://localhost:8080/TianQi/lunbo.tq",
    async: false,
    success:function(data){
      console.log(data)
      imgs=JSON.parse(data); 
    },
    error:function(data){
      alert(data);
    }
  }
);


var timer;
var index=0;
view();
$("#lunbo").css({float:"left",width:770,height:465,"position":"relative"});
$("#lunbo ul").css({marginLeft:"-84px","position":"absolute",bottom:18,left:385});
$("#lunbo ul>li").hover(function(){
	clearInterval(timer);	
	$("#lunbo>.banner_img>img").eq($(this).index()).stop(true).fadeIn().siblings().stop(true).fadeOut();
	$(this).addClass("on").siblings().removeClass("on");
},function(){
	clearInterval(timer);
	index=$(this).index();
	//alert($(this).index());
	auto();
})
$("#lunbo img").hover(function(){	
	clearInterval(timer);
	$(this).stop(true).fadeIn().siblings().stop(true).fadeOut();
	$("#lunbo ul>li").eq($(this).index()).addClass("on").siblings().removeClass("on");
},function(){
	clearInterval(timer);
	index=$(this).index();
	auto();
})
	//.css({width:18,height:18,float:"left",marginLeft:"8px",border:"1px solid transparent",borderRadius:"50%",backgroundColor:"black",opacity:".7"})
auto();
function auto(){	
	timer=setInterval(function(){
		index++;
		$("#lunbo ul>li").eq(index%7).addClass("on").siblings().removeClass("on");
		$("#lunbo>.banner_img>img").eq(index%7).stop(true).fadeIn().siblings().stop(true).fadeOut();		
	},2000);
}
function view(){
	for(var i=0,html="";i<imgs.length;i++){
		html+="<img src='"+imgs[i].lunboimg+"'>";
	}
	$(".banner_img").html(html);
}
